<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<style type="text/css">

		</style>
	</head>
	<body>
		<header class="header header01" id="header">
			<div class="wrapper">
				<h1 id="title"></h1>
				<a href="javascript:;" tapmode onclick="back();" class="btn back"></a>
			</div>
		</header>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		var browser;
		apiready = function() {
			api.parseTapmode();
			var header = $api.byId('header');
			$api.fixStatusBar(header);
			var headerPos = $api.offset(header);
			var body_h = $api.offset($api.dom('body')).h;
			$api.text($api.byId('title'),api.pageParam.title);
			browser = api.require('webBrowser');
			browser.openView({
				url: api.pageParam.url,
				rect: {
					x: 0,
					y: headerPos.h,
					w: 'auto',
					h: 'auto'
				}
			}, function(ret, err) {
				switch (ret.state) {
					default:
						break;
				}
			});

		}
		function back() {
			browser.historyBack(
				function(ret, err) {
					if (!ret.status) {
						api.closeWin();
					}
				}
			);
		}
		function closeWin(){
			api.closeWin({
			});
		}
	</script>
</html>
